import type { Options as PwaPluginOptions } from 'vite-plugin-pwa';

import type { ImportmapPluginOptions } from './typing';

const isDevelopment = process.env.NODE_ENV === 'development';

const getDefaultPwaOptions = (name: string): Partial<PwaPluginOptions> => ({
    manifest: {
        description:
            'Vben Admin is a modern admin dashboard template based on Vue 3. ',
        icons: [
            {
                sizes: '192x192',
                src: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/pwa-icon-192.png',
                type: 'image/png',
            },
            {
                sizes: '512x512',
                src: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/pwa-icon-512.png',
                type: 'image/png',
            },
        ],
        name: `${name}${isDevelopment ? ' dev' : ''}`,
        short_name: `${name}${isDevelopment ? ' dev' : ''}`,
    },
});

/**
 * importmap CDN 暂时不开启，因为有些包不支持，且网络不稳定
 */
const defaultImportmapOptions: ImportmapPluginOptions = {
    // 通过 Importmap CDN 方式引入,
    // 目前只有esm.sh源兼容性好一点，jspm.io对于 esm 入口要求高
    defaultProvider: 'esm.sh',
    importmap: [
        { name: 'vue' },
        { name: 'pinia' },
        { name: 'vue-router' },
        // { name: 'vue-i18n' },
        { name: 'dayjs' },
        { name: 'vue-demi' },
    ],
};

export { defaultImportmapOptions, getDefaultPwaOptions };
